import { Component } from 'react'
import { View } from '@tarojs/components'
import {  AtIcon  } from 'taro-ui'
import CustomSearch from '../CustomSearch/index'
import CustomBell from '../CustomBell/index'

import "taro-ui/dist/style/components/icon.scss";
import "taro-ui/dist/style/components/flex.scss";

import './index.scss'

export default class CustomHeader extends Component {
  constructor () {
    super(...arguments)
    this.state = {
      value: 0
    }
  }

  componentWillMount () { }

  componentDidMount () { }

  componentWillUnmount () { }

  componentDidShow () { }

  componentDidHide () { }

  render () {
    return (
      <View className='at-row'>
        <View>
          <AtIcon value='user' size='30' color='#F0000'></AtIcon>
        </View>
        <View style="width:80%">
          {/* 搜索框 */}
          <CustomSearch></CustomSearch>
        </View>
        <View>
          <CustomBell></CustomBell>
        </View>
      </View>
    )
  }
}
